<template>
    <div class="pro-slide">
        <div class="list">
            <p class="title">正在填写的表单</p>
            <div class="item" v-for="(da,index) in data1" :key="index">
                <div class="left">
                    <p class="grey12">THU</p>
                    <p class="black26">14</p>
                </div>
                <div class="right">
                    <p class="black14">TRAVEL AROUND WORLD！</p>
                    <p class="grey14">THE 14 Jun idea</p>
                    <p class="grey12">3580 people intrested</p>
                </div>
            </div>
        </div>
        <div class="list">
            <p class="title">正在审核的表单</p>
            <div class="item" v-for="(da,index) in data2" :key="index">

            </div>
        </div>
    </div>
</template>

<script>
// import item from "./components/item";
    export default {
        components: {
        // item
        },
        data () {
            return {
                data1: [{}],
                data2: [],
            };
        },
    };
</script>

<style lang="scss" scoped>
.pro-slide{
    width:330px;
    min-height:100%;
    background:#ffffff;
    padding: 30px;
    box-shadow:-1px 0px 0px rgba(234,237,243,1);
    .list{
        .title{
            color: #9EA0A5;
            font-size:12px;
            line-height:18px;
        }
        .item{
            overflow: hidden;
            font-family:Roboto;
            .black14{
                color: #3e3c42;
                font-size: 14px;
            }
            .grey14{
                color: #6B6C6F;
                font-size: 14px;
            }
            .grey12{
                color: #9EA0A5;
                font-size: 12px;
            }
            .black26{
                color: #3e3c42;
                font-size: 26px;
            }
            .left{
                float: left;
                height: 100%;
                width: 54px;
                border-right: 1px solid #EAEDF3;
            }
            .right{
                padding-left: 20px;
                overflow: hidden;
            }
        }
    }
}
</style>
